<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/css/home.css" type="text/css">
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script src="/js/config.js"></script>
<script src="/js/home.js"></script>
<body>
<div id="main">
    <!--最新10篇文章-->
    <div id="left">
        <div id="left_top" class="blogClass">
            <img src="/img/logo.png"><span>最新文章</span><a href="">全部文章</a><a href="/blog/addBlogAction">写文章</a>
        </div>
        <#list blogs as player>
            <div id="${player.blog.blogId}" class="blogClass">
                <a href="/blog/showBlog/${player.blog.blogId}" target="_self" style="text-decoration: none">
                    <span id="contentTop" class="blogClassSpan">
                    ${player.blog.blogName}</span>
                </a>
                <span id="contentMiddle" class="blogClassSpan">&nbsp;&nbsp;&nbsp;&nbsp;
                    ${player.blog.blogContent}</span>
                <div id="contentBottom">
                    <span>${player.userName}&nbsp;&nbsp;&nbsp;&nbsp;
                    ${(player.blog.createDate)?string("yyyy-MM-dd")}
                    </span>
                    <span style="color: lightskyblue">
                    ${player.blogClassName}
                    </span>
                    <span style="float: right">
                    阅读量：${player.blog.readingAmount}
                    </span>
                </div>
            </div>
        </#list>
        <div id="paging" class="blogClass" style="height: 30px">
            <div>
                <a href="javascript:void(0)" onclick="pagination(1, '${pageCount}')">首页</a>
                <a href="javascript:void(0)" onclick="pagination('${index-1}','${pageCount}')">上一页</a>
                <a href="javascript:void(0)" onclick="pagination('${index+1}','${pageCount}')">下一页</a>
                <span >第${index}页</span>
            </div>
        </div>
    </div>
    <div id="right">
        <!-- 搜索-->
        <div id="top1" class="rightSon">
            <input type="text" class="top1Son"/>
            <a href="" class="top1Son">搜索</a></div>
        <!-- 想说的话-->
        <div id="top2" class="rightSon">
            <div id="top2Title" class="top2Son">
                <span class="title">-想说</span>
            </div>
            <div id="top2Say" class="top2Son">
                <input type="text" id="top2SayContent" name="content" maxlength="5" placeholder="仅限五字之内" />
                <a href="" id="top2SayA">发送</a>
                <a href="" >更多</a>
            </div>
            <div id="top2See" class="top2Son">
                <#list thinkWords as thinkWord>
                    <span>${thinkWord.content}</span>
                </#list>
            </div>
        </div>
        <!-- 联系我们-->
        <div id="top3" class="rightSon">
            <div id="top3Title" class="top3Son">
                <span class="title">-信息</span>
            </div>
            <div id="top3Info" class="top3Son">
                <div class="top3InfoTitle">地址:</div>
                <div class="top3InfoContent">浙江省杭州市江干区下沙街道</div>
                <div class="top3InfoTitle">电话:</div>
                <div class="top3InfoContent">17637140666</div>
                <div class="top3InfoTitle">联系我:</div>
                <div class="top3InfoContent">
                    <a href="https://github.com/" target="_blank">github</a>,
                    <a href="https://blog.csdn.net/qq_37751454" target="_self">csdn</a>,
                    <a href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" target="_blank">QQ</a>
                </div>
                <div class="top3InfoTitle">访问量:</div>
                <div class="top3InfoContent">&nbsp;&nbsp;${visitAmount}</div>
                <div class="top3InfoTitle">赞赏:</div>
                <div class="top3InfoContent">
                    <a href="/aliPay/setMoney">
                        <img src="http://news.taoming.com/uploads/allimg/141020/6363_141020152251_1.png" width="40px" height="40px">
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>